﻿<!DOCTYPE html>
 <html>
    <!--<![endif]-->
    <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=Edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"> 
      <!-- Start of Baidu Transcode -->
      <meta http-equiv="Cache-Control" content="no-siteapp" />
      <meta http-equiv="Cache-Control" content="no-transform" />
      <meta name="applicable-device" content="pc,mobile">
      <meta name="MobileOptimized" content="width" />
      <meta name="HandheldFriendly" content="true" />
  
      <title> 登录 - 简书 </title>

      <meta name="csrf-param" content="authenticity_token" />
      <link rel="stylesheet" media="all" href="/logins/css/web-31b33df8a6330177f636.css"/>
      <link rel="stylesheet" media="all" href="/logins/css/entry-31b33df8a6330177f636_1.css"/>
    </head>
    <body class="no-padding reader-black-font" lang="zh-CN">
      <div class="sign">
        <div class="logo">
          <a href="/">
            <img src="/logins/picture/logo-58fd04f6f0de908401aa561cda6a0688.png" alt="Logo"
            />
          </a>
        </div>
        <div class="main">
         @if(!empty($info)) {{$info}}  @endif
          <h4 class="title">
            <div class="normal-title">
              <a class="active" href="/sign_in">
                登录
              </a>
              <b>
                ·
              </b>
              <a id="js-sign-up-btn" class="" href="/sign_up">
                注册
              </a>
            </div>
          </h4>

          <div class="js-sign-in-container">
            <form id="new_session" action="/login" method="post">
              <!-- 正常登录登录名输入框 -->
              <div class="input-prepend restyle js-normal">
                <input placeholder="手机号" type="text" name="phone"/>
                <i class="iconfont ic-user"> </i>
              </div>
              <!-- 海外登录登录名输入框 -->
              <div class="input-prepend">
                <input placeholder="密码" type="password" name="password" />
                <i class="iconfont ic-password"> </i>
              </div>
              <div class="input-prepend">
                <input placeholder="验证码" type="text" name="Captcha" />
                <i class="iconfont ic-password"> </i>
              </div>              
                <img src="{{$Captcha -> inline()}}">         
                           
              <div class="remember-btn">
                <input type="checkbox" value="true" checked="checked" />
                <span>
                  记住我
                </span>
              </div>
              <div class="forget-btn">
                <a class="" data-toggle="dropdown" href="">
                  登录遇到问题?
                </a>
              </div>
              {{csrf_field()}}
              <input type="submit" name="commit" value="登录" class="sign-in-button" />
            </form>
            <!-- 更多登录方式 -->
            <div class="more-sign">
              <h6>
                社交帐号登录
              </h6>
              <ul>
                <li>
                  <a class="weibo" href="/users/auth/weibo">
                    <i class="iconfont ic-weibo">
                    </i>
                  </a>
                </li>
                <li>
                  <a class="weixin" href="/users/auth/wechat">
                    <i class="iconfont ic-wechat">
                    </i>
                  </a>
                </li>
                <li>
                  <a class="qq" href="/users/auth/qq_connect">
                    <i class="iconfont ic-qq_connect">
                    </i>
                  </a>
                </li>
                <li class="js-more-method">
                  <a href="javascript:void(0);">
                    <i class="iconfont ic-more">
                    </i>
                  </a>
                </li>
                <li class="js-hide-method hide">
                  <a class="douban" href="/users/auth/douban">
                    <i class="iconfont ic-douban">
                    </i>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </body>
</html>
